<template>
  <div>
      <div class="contents">
        <img src="../../assets/twelve/bg.png" alt="">
        <div class="contan">
          <div class="imgBox">
            <img src="../../assets/twelve/ok.png" alt="">
          </div>
          <p>支付成功，您的包裹正整装待发！</p>
        </div>
        <div class="twoBtn">
          <div class="btnBox">
            <button @click="shopping">继续购物</button>
            <button @click="seeOrder">查看订单</button>
          </div>
        </div>
        <selected></selected>
      </div>
  </div>
</template>

<script>
  import selected from '../../components/detail/selectedAds'
    export default {
        name: "successOrder",
      components:{
        selected
      },
      methods:{
        shopping(){
          this.$router.push({
            path:'/'
          })
        },
        seeOrder(){
          this.$router.push({
            path:'/myOrder?active=2'
          })
        }
      },
      mounted(){
          document.title="完成下单"
      }
    }
</script>

<style scoped lang="scss">
.contents{
  width: 100vw;
  height: auto;
  .twoBtn{
    width: 100vw;
    height: 22vw;
    background: #fff;
    margin-top: -18vw;
    border-bottom: 4vw solid #f5f5f5;
      .btnBox{
        width: 65vw;
        margin: 0px auto;
        button:nth-child(1){
          float: left;
          background: #fd5353;
          color: #fff;
        }
        button:nth-child(2){
          float: right;
          background: #fff;
          color: #fd5353;
          border: 1px solid #fd5353;
      }
        button{
          width: 26vw;
          height: 10vw;
          font-size: 14px;
          border-radius: 1.5vw;
        }
      }
  }
  .contan{
    width: 100vw;
    position: relative;
    top: -34vw;
    .imgBox{
      width: 20vw;
      margin: 0px auto;
    }
    p{
      font-size: 13px;
      color: #fff;
      text-align: center;
    }
  }
}
</style>
